
<style>

    @media print {
        .contain {
            width: 100%;
        }
        .content {
            width: 146pt;
            height: 90pt;
            /*width: 130pt;*/
            /*height: 78pt;*/
            border: 1pt solid black;
            margin-left: auto;
            margin-right: auto;
            /*margin-top:8pt;*/

        }
        .emptyDiv {
            height: 30pt;
        }
        .f6pt{
            font-size: 10pt;
            height: 10pt;
            width: 200pt;
            line-height: 10pt;
            transform-origin-x: 0;
            -webkit-transform-origin-x: 0;
            -moz-transform-origin-x: 0;
            -ms-transform-origin-x: 0;
            -o-transform-origin-x: 0;
            transform: scale(0.7) ;
            margin-left: -20pt;
        }
        img {
            height: 30pt;
            display: block;
            margin-left: auto;
            margin-right: auto;
            margin-top: -2pt;
        }

    }

    @media screen {
        .contain {
            width: 100%;
            margin-top: 50px;
        }
        .content {
            width: 292pt;
            height: 180pt;
            border: 2pt solid black;
            margin-left: auto;
            margin-right: auto;
        }
        .emptyDiv {
            height: 60pt;
        }
        .f6pt{
            height: 20pt;
            width: 380pt;
            line-height: 20pt;
            font-size: 20pt;
            transform-origin-x: 0;
            -webkit-transform-origin-x: 0;
            -moz-transform-origin-x: 0;
            -ms-transform-origin-x: 0;
            -o-transform-origin-x: 0;
            transform: scale(0.7) ;
            margin-left: -40pt;
            /*border:1pt solid red;*/
        }
        .college {

        }
        .department {

        }
        img {
            display: block;
            height: 60pt;
            margin-left: auto;
            margin-right: auto;
            margin-top: -4pt;
        }


    }

</style>

<script src="__STATIC__/jsbarcode/JsBarcode.all.js"></script>

<div class="contain">
    <div class="content">
        <div class="emptyDiv"></div>
        <div class="f6pt">
            单位：
            <span class="college">{php} echo strlen($data['college']) <24 ?$data['college']:substr($data['college'],0,21).'...'{/php}</span>&nbsp;&nbsp;&nbsp;&nbsp;
            <span class="department">{php} echo strlen($data['department']) <18 ?$data['department']:substr($data['department'],0,15).'...'{/php}</span></div>
        <div class="f6pt">名称：{php} echo strlen($data['name']) <39 ?$data['name']:substr($data['name'],0,36).'...'{/php}</div>
        <div class="f6pt">
            编号：
            <span>{php} echo strlen($data['number']) <12 ?$data['number']:substr($data['number'],0,9).'...'{/php}</span>&nbsp;&nbsp;&nbsp;&nbsp;
            SN：
            <span>{php} echo strlen($data['sn']) <9 ?$data['sn']:substr($data['sn'],0,6).'...'{/php}</span>
        </div>
        <div>
            <img id="barcode1"/>
            <script>
                JsBarcode("#barcode1","{$data.number}", {
                    displayValue:false,
                    width:'1',
                    height:'30'
                });
            </script>
        </div>
    </div>
</div>
